<template>
  <div class="message gl_mt_15">
    <p class="title">系统通知</p>
    <p class="gl_my_15">通知发送时间：{{ detailData.createTime | FormatDate('yyyy-MM-dd HH:mm:ss') }}</p>
    <p v-html="detailData.content" />
  </div>
</template>

<script>
export default {
  name: 'Detail',
  props: {
    detailData: { // 消息详情
      type: Object,
      default() {
        return {};
      }
    }
  },
  data() {
    return {};
  }
};
</script>

<style lang="scss" scoped>
.message {
  text-align: center;
  font-size: 14px;
  color: #353434;
  line-height: 22px;
}
.message .title {
  font-size: 18px;
  font-weight: 600;
  color: #353434;
  line-height: 22px;
}
</style>
